<template>
  <p>混合式API子组件</p>
  <p>props</p>
  <p>foo:{{ foo }}</p>
  <p>age:{{ age }}</p>
</template>

<script setup>
// 定义props
// 数组
// const props = defineProps(['foo', 'age'])

// 使用对象
const props = defineProps({
  foo: String,
  age: Number
})

// 使用 pros.foo
console.log(props.foo);
</script>